<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/7
  Time: 18:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<style type="text/css">
    #account, #pwd {
        border: black solid 1px;
        width: 250px;
    }

    #login {
        background-color: rgba(255, 255, 255, 0.3);
        height: 300px;
        width: 600px;
    }

    form input {
        margin-left: 150px;
    }

    /*.layui-body{*/
    /*    background-color: #009688;*/
    /*}*/
    form input[type='submit'] {
        margin-left: 250px;
        margin-top: 50px;
    }

    form p {
        font-size: 30px;
        position: relative;
        top: 40px;
        left: 30px;
        width: 90px;
    }

    #logo {
        font-size: 40px;
        font-family: "新宋体";
        color: #009688;
        margin-left: 150px;
    }

    #logo span {
        font-size: 25px;
        color: black;
    }

    #loginbody {
        position: relative;
        top: -320px;
        float: right;
        left: -130px;
    }

    #uppwd {
        float: right;
        font-size: 10px;
    }

    #menu-li li {
        position: relative;
        top: 70px;
        font-family: "微软雅黑";
        font-size: 18px;
        display: inline-block;
        margin-left: 40px;
        margin-top: 60px;
    }

    #fenge {
        width: 100%;
        height: 2px;
        background-color: black;

    }

    #menu-img li {
        display: inline-block;
        float: right;
        margin-left: 30px;
    }

    #menu-img img {
        width: 129px;
        height: 129px;

    }

    #button {
        margin-left: 150px;
    }

    #menu-img {
        position: relative;
        left: 350px;
    }

    .names {
        position: relative;
        top: 120px;
        left: 290px;
    }

    #account {
        position: absolute;
        top: 40px;
    }

    #pwd {
        margin-top: 100px;
    }


</style>
<!DOCTYPE html>
<html>
<head>
    <link rel="icon" type="image/x-icon" href="${pageContext.request.contextPath}/../static/img/huaziloge.ico"/>
    <meta charset="utf-8">
    <title>华子医院</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/../static/layui-v2.6.5/layui/css/layui.css"
          media="all">
</head>

<%
    String paths = request.getContextPath();
    String basePaths = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + paths + "/";
%>
<body>
<div id="hread">
    <p id="logo"><img src="${pageContext.request.contextPath}/../static/img/loge.gif"
                      STYLE="height: 180PX; width: 180PX">华子医院 <span>欢迎登录</span></p>
</div>
<img src="${pageContext.request.contextPath}/../static/img/huazi.jpg" width="1700px" height="700px">
<div id="loginbody">
    <form action="${pageContext.request.contextPath}/ReLogin" method="post" id="login">
        <p></p><input id="account" type="text" name="id" required lay-verify="required" placeholder="请输入身份证号/诊疗卡号"
                      autocomplete="off" class="layui-input" value="${id}" width="200">
        <%--                账号:<input type="text" name="account" placeholder="请输入身份证号/诊疗卡号" value="${account}">--%>
        <br>
        <p></p><input id="pwd" type="password" name="pwd" required lay-verify="required" value="${pwd}"
                      placeholder="请输入密码" autocomplete="off" class="layui-input" width="200">
        <p id="uppwd"><a href="${pageContext.request.contextPath}/update">忘记密码？</a></p>
        <%--                <input type="password" name="pwd" placeholder="请输入密码" value="${pwd}">--%>
        <input type="submit" class="layui-btn" value="登录"></input>
    </form>
    <c:if test="${requestScope.error eq 'error'}">
        <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery/jquery-1.12.4.js"></script>
        <script type="text/javascript">
            alert("账号或者密码错误重新输入");
        </script>
    </c:if>
</div>
<div id="fenge"></div>
<div id="button">
    <div id="menu">
        <ul id="menu-li">
            <li><a href="<%=basePath%>menu.jsp">首页</a></li>
            <li><a href="">患者服务</a></li>
            <li><a href="">知名教授</a></li>
        </ul>
        <div id="menu-img">
            <ul>
                <li><img src="${pageContext.request.contextPath}/../static/img/erweima.png"></li>
                <li><img src="${pageContext.request.contextPath}/../static/img/erweima.png"></li>
                <br>
                <li class="names">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
                        href="JavaScript:void(0)">扫码有惊喜</a></li>
                <li class="names" id="guanzhu"><a href="JavaScript:void(0)">关注我们！</a></li>
            </ul>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/../static/layui-v2.6.5/layui/layui.js"></script>
<script>
    //JavaScript代码区域
    // layui.use('element', function(){
    //     var element = layui.element;
    //
    // });

</script>
</body>
</html>